<template>
	<view style="margin: 10px;margin-top: 20px;">
		<view style="font-size: 20px;">影人</view>
		<scroll-view scroll-x="true">
			<view class="one">
				<view style="margin: 10px;">
					<image src="/static/yxy6.png" class="tu"></image>
					<view class="name">
						<view>科林·特莱···</view>
						<view>导演</view>
					</view>
				</view>
				<view style="margin: 10px;">
					<image src="/static/yxy6.png" class="tu"></image>
					<view class="name">
						<view>克里斯·帕···</view>
						<view>演员</view>
					</view>
				</view>
				<view style="margin: 10px;">
					<image src="/static/yxy6.png" class="tu"></image>
					<view class="name">
						<view>布莱丝·达···</view>
						<view>演员</view>
					</view>
				</view>
				<view style="margin: 10px;">
					<image src="/static/yxy6.png" class="tu"></image>
					<view class="name">
						<view>劳拉·邓恩</view>
						<view>演员</view>
					</view>
				</view>
				<view style="margin: 10px;">
					<image src="/static/yxy6.png" class="tu"></image>
					<view class="name">
						<view>山姆·尼尔</view>
						<view>演员</view>
					</view>
				</view>
				<view style="margin: 10px;">
					<image src="/static/yxy6.png" class="tu"></image>
					<view class="name">
						<view>杰夫·高布伦</view>
						<view>演员</view>
					</view>
				</view>
				<view style="margin: 10px;">
					<image src="/static/yxy6.png" class="tu"></image>
					<view class="name">
						<view>德汪达·怀斯</view>
						<view>演员</view>
					</view>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		name: "person-box",
		data() {
			return {

			};
		}
	}
</script>

<style scoped>
	.tu {
		width: 80px;
		height: 100px;
	}

	.name>view {
		font-size: 12px;
	}

	.one {
		display: flex;
		flex-direction: row;
	}
</style>
